import { IconProps } from '../../icon.types'

type Props = Omit<IconProps, 'name'>

const UsdcIcon: React.FC<Props> = ({ width = '31', height = '32', onClick }) => {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 26 26"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      onClick={onClick}
    >
      <g clipPath="url(#clip0_138:479)">
        <path
          d="M12.8199 25.5164C19.803 25.5164 25.4209 19.8985 25.4209 12.9154C25.4209 5.93235 19.803 0.314453 12.8199 0.314453C5.83677 0.314453 0.218872 5.93235 0.218872 12.9154C0.218872 19.8985 5.83677 25.5164 12.8199 25.5164Z"
          fill="#2775CA"
        />
        <path
          d="M16.2851 14.9106C16.2851 13.073 15.1826 12.443 12.9774 12.1805C11.4023 11.9704 11.0872 11.5504 11.0872 10.8153C11.0872 10.0802 11.6123 9.60775 12.6624 9.60775C13.6074 9.60775 14.1325 9.92277 14.395 10.7103C14.4475 10.8678 14.6051 10.9728 14.7626 10.9728H15.6026C15.8126 10.9728 15.9701 10.8153 15.9701 10.6054V10.5528C15.7601 9.39769 14.815 8.50516 13.6074 8.40019V7.14009C13.6074 6.93003 13.4499 6.77252 13.1874 6.71997H12.3999C12.1898 6.71997 12.0323 6.87748 11.9798 7.14009V8.34764C10.4046 8.5577 9.40715 9.60775 9.40715 10.9204C9.40715 12.653 10.4572 13.3355 12.6624 13.5981C14.1325 13.8606 14.6051 14.1756 14.6051 15.0157C14.6051 15.8558 13.8699 16.4333 12.8724 16.4333C11.5072 16.4333 11.0347 15.8557 10.8772 15.0681C10.8248 14.8582 10.6672 14.7531 10.5097 14.7531H9.61708C9.40715 14.7531 9.24963 14.9106 9.24963 15.1207V15.1732C9.45957 16.4858 10.2997 17.4308 12.0323 17.6934V18.9535C12.0323 19.1635 12.1898 19.321 12.4523 19.3735H13.2399C13.4499 19.3735 13.6074 19.216 13.66 18.9535V17.6934C15.2351 17.4308 16.2851 16.3282 16.2851 14.9106Z"
          fill="white"
        />
        <path
          d="M10.1422 20.4235C6.04686 18.9535 3.94665 14.3856 5.46935 10.3427C6.25692 8.13751 7.98956 6.45741 10.1422 5.66984C10.3523 5.56488 10.4572 5.40736 10.4572 5.14476V4.40974C10.4572 4.19968 10.3523 4.04217 10.1422 3.98975C10.0896 3.98975 9.98468 3.98975 9.93213 4.04217C4.94427 5.6173 2.214 10.9203 3.78913 15.9082C4.73421 18.8484 6.99194 21.1061 9.93213 22.0512C10.1422 22.1562 10.3523 22.0512 10.4047 21.8411C10.4572 21.7887 10.4572 21.7362 10.4572 21.6312V20.8961C10.4572 20.7385 10.2997 20.5286 10.1422 20.4235ZM15.7077 4.04217C15.4976 3.9372 15.2876 4.04217 15.2351 4.25223C15.1826 4.30477 15.1826 4.35719 15.1826 4.46229V5.1973C15.1826 5.40736 15.3401 5.6173 15.4976 5.72239C19.593 7.19243 21.6932 11.7603 20.1705 15.8032C19.3829 18.0084 17.6503 19.6885 15.4976 20.4761C15.2876 20.581 15.1826 20.7386 15.1826 21.0012V21.7362C15.1826 21.9462 15.2876 22.1037 15.4976 22.1562C15.5502 22.1562 15.6551 22.1562 15.7077 22.1037C20.6956 20.5286 23.4258 15.2256 21.8507 10.2377C20.9056 7.24497 18.5953 4.98724 15.7077 4.04217Z"
          fill="white"
        />
      </g>
      <defs>
        <clipPath id="clip0_138:479">
          <rect
            width="25.202"
            height="25.202"
            fill="white"
            transform="translate(0.218872 0.314453)"
          />
        </clipPath>
      </defs>
    </svg>
  )
}

export default UsdcIcon
